<!DOCTYPE html>
<!-- 申明这个页面类型是html -标签-->
<html>
	<!-- 描述网页的一个整体的-标签  比喻一个人站在这里-->
	<head>
		<!-- 头部信息 -->
		<meta charset="utf-8">
		<!-- 设置页面的编码格式,防止页面加载一些内容呈现给用户看不明白，所有我们要加上他  今天31期开班了 -->
		<title>黄嘉驰今年24岁，很帅</title>
	</head>
	<body>
		<!-- 身体里面装的东西，都放在里面 -->
		<!-- 标题标签 -->
		<!-- 图片标签 -->
		<h1>润丰西安有三套房，有车、缺少一个女朋友</h1>
		<h2>1111</h2>
		<h3>2222</h3>
		<h4>333</h4>
		<h5>444</h5>
		<h6>555</h6>
		<!-- 段落标签 -->
		<p>有些同学想吃饭</p>
		<!-- 图片 标签-->
		<img src="./img/1.jpg" style="width: 300px;height: 300px;">
		<img src="./img/2.jpg" style="width: 300px;height: 300px;">

		<!-- 表格标签 -->
		<table border="1" cellspacing="0" style="text-align: center; width: 500px;height: 500px;">
			<tr>
				<td>11111</td>
				<td>22222</td>
			</tr>
			<tr>
				<td>33333</td>
				<td>44444</td>
			</tr>

			<tr>
				<!-- rowspan合并该列的两个单元格，所以它的下一列将删除一个单元格-->
				<!--colspan合并该行的2个单元格，所以该行删除一个标签-->
				<td rowspan="2" colspan="2" style="width: 100px;height: 100px;">55555</td>
				<!-- <td>55555</td> -->
			</tr>
			<tr>
				<!-- <td>55555</td> -->
				<!-- <td>66666</td> -->
			</tr>
		</table>
		<!-- 无序列表 -->
		<ul>
			<li>还有20分钟吃饭了</li>
			<li>还有20分钟吃饭了</li>
			<li>还有20分钟吃饭了</li>
			<li>还有20分钟吃饭了</li>
		</ul>
		<!-- 有序列表 -->
		<ol>
			<li>fhdjfd</li>
			<li>fhdjfd</li>
			<li>fhdjfd</li>
			<li>fhdjfd</li>
			<li>fhdjfd</li>
			<li>fhdjfd</li>
		</ol>
		<!-- 块标签 -->
		<div style="width: 500px;height: 500px;border: 1px  dashed #CC00FF;">
            <!-- 超链接标签 -->
			<a href="http://www.bcbxhome.com/bcbxxy/">到达编测编学学习</a>
			<!-- 加粗标签 -->
			<b>12点下课</b>
		</div>
	</body>
</html>
